<div class="card" style="margin: 10px 0px;box-shadow: none;">
	<div class="item item-icon-left home-item" style="height:40px;">
		<ion-header-bar class="bar-secondary">
         <i class="icon ion-chatbox-working" style="color: #E44412;"><h2>最新消息</h2></i>
          <h1 class="title"></h1>
          <button class="button button-light ion-more" ng-click="showPopoverSetting($event,'MessageCard')"></button>
        </ion-header-bar>
	</div>
        <div class="item tabs tabs-striped tabs-top" ng-init="initTabs(['ddd','eee'])" style="top: 2px;">
          <a class="tab-item" ng-class="{active:activeTab=='ddd'}" ng-click="setActiveTab('ddd')" href="" style="margin-top: -2px;">
			收信
          </a>
          <a class="tab-item" ng-class="{active:activeTab=='eee'}" ng-click="setActiveTab('eee')" href="" style="margin-top: -2px;">
           	发信
          </a>
        </div>
        <div class="list item home-item" style="margin-bottom: 0px;">
          <a class="item" ng-hide="true"></a>
		  <a class="item item-icon-right home-list-item" ng-repeat="x in receiveMessages | limitTo:5"  ng-show="activeTab=='ddd'" on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()" href="#" ng-click="openModal('{{x.id}}','{{x.title}}','receive')" style="padding-right: 110px;">{{x.title}}<span class="icon" style="font-size: 16px">{{x.createTime}}</span></a>
          <a class="item item-icon-right home-list-item" ng-repeat="x in sendMessages | limitTo:5"  ng-show="activeTab=='eee'" on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()" href="#" ng-click="openModal('{{x.id}}','{{x.title}}','send')" style="padding-right: 110px;">{{x.title}}<span class="icon" style="font-size: 16px">{{x.createTime}}</span></a>
          <a class="item" ng-hide="true"></a>
        </div>
		<div class="padding has-header">
			<a href="" class="button button-outline home-button button-positive" ng-click="openSendModal()">发消息</a>&nbsp;&nbsp;&nbsp;
			<a href="#/tab/msg-list" class="button button-outline home-button button-positive">更多</a>
		</div>  
</div>
 